<template>
   <div id="hotel-policy">
       <div class="warpper">
        <el-form label-width="80px">
            <el-form-item label="入住时间">
                <el-input v-model="form.desc" placeholder="请输入入住时间"></el-input>
            </el-form-item>
            <el-form-item label="离店时间">
                <el-input v-model="form.desc" placeholder="请输入离店时间"></el-input>
            </el-form-item>
            <el-form-item label="儿童政策">
                <el-input type="textarea" :rows="5" v-model="form.desc" placeholder="请输入儿童政策"></el-input>
            </el-form-item>
            <el-form-item label="宠物">
                <el-input type="textarea" :rows="5" v-model="form.desc" placeholder="请输入宠物政策"></el-input>
            </el-form-item>
            <el-form-item label="接受信用卡">
                <el-input type="textarea" :rows="5" v-model="form.desc" placeholder="请输入信用卡政策"></el-input>
            </el-form-item>
        </el-form>
       </div>
       <ButtonFooter />
   </div>
</template>
<script>
const ButtonFooter = () => import('@/components/common/ButtonFooter')
export default {
  name: 'HotelFacilities',
  data () {
    return {
      form: {
        desc: ''
      }
    }
  },
  methods: {
    save () {
      this.$http.post('hotel/facilities/update?token=' + window.commo.token, this.form).then(res => {
        console.log(res)
      })
    }
  },
  components: {
    ButtonFooter
  }
}
</script>

<style lang="scss">
   .hotel-policy{
    .warpper {
       width: 50%;
       padding: 20px;
       .el-form-item {
           margin-bottom: 20px;
       }
   }
}
</style>
